<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:cc="http://sourceforge.net/projects/jsf-comp"
      xml:lang="pt-br" lang="pt-br">
    
    <head>
        <title>Uma marca&ccedil;&atilde;o - V&aacute;rios templates - dois</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link href="resources/css/stylesheet.css" rel="stylesheet" type="text/css" />
        
    </head>
    <body>
        
        <div id="tudo">
            
            
            <div class='box'>
                <div class='boxtop'><div></div></div>
                <div class='boxcontent'>
                    <!-- Content goes here -->

            
            
            <h2 class="dest">INVEST - </h2>
            
            <div id="topo">
                <div class="styleone">
                    <ul>
                        <li><a href="" title="css menus" class="current">Principal</a></li>
                        <li><a href="" title="css menus">Carteira</a></li>
                        <li><a href="" title="css menus" >Cadastro</a></li>
                    </ul>
                </div>
                
            </div>
            
            <div id="nav">
                
                <h2 class="dest">COLUNA NAVEGA&Ccedil;&Atilde;O </h2>
                
                
                <h3>Arquivos</h3>
                <ul>
                    
                    <li><a href="#">Maio 2006</a></li>
                    <li><a href="#">Abril 2006</a></li>
                    <li><a href="#">Março 2006</a></li>
                </ul>
                
                <h3>Categorias</h3>
                <ul>
                    <li><a href="#">(X)HTML</a></li>
                    
                    <li><a href="#">Compêndio HTML</a></li>
                    <li><a href="#">CSS</a></li>
                    <li><a href="#">Especificações W3C</a></li>
                    <li><a href="#">Mágicas</a></li>
                    <li><a href="#">Pensamentos</a></li>
                    <li><a href="#">Standards em gotas</a></li>
                    
                    <li><a href="#">Web Design</a></li>
                </ul>
            </div>
            
            <div id="principal">
                <h2><b class="dest">COLUNA PRINCIPAL<br />
                </b> Criando templates com CSS</h2>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eleifend, purus quis laoreet faucibus, ante augue malesuada mi, id rhoncus augue lorem eget elit. Ut sollicitudin sodales purus. Phasellus libero felis, blandit nec, commodo ut, imperdiet ut, nibh. Suspendisse potenti. Donec ullamcorper cursus dolor. Duis vitae ipsum. Maecenas dapibus hendrerit diam. Morbi varius, massa id pretium accumsan, nunc lorem congue libero, ut euismod metus libero id nulla. Duis posuere odio sed velit vulputate venenatis. Suspendisse et dui ac metus auctor fringilla. Curabitur interdum augue a pede.</p>
                
                <p>Curabitur hendrerit erat ut augue. Cras gravida. Mauris consequat aliquam leo. Aenean non tortor id metus aliquet consectetuer. Quisque sodales lectus ac orci. Donec eleifend fringilla mi. Vivamus vel massa. Aenean interdum pellentesque sem. Nulla pellentesque felis et tortor. Duis cursus, dui non dictum tincidunt, wisi ipsum mollis wisi, nec ornare velit ipsum eget enim. In sed felis. Phasellus condimentum sodales nulla. Etiam orci leo, rutrum malesuada, congue vel, fringilla vitae, lorem. Pellentesque ligula.</p>
                
                
                <p>Pellentesque sapien. Sed purus sapien, eleifend ac, volutpat ac, molestie eget, massa. Nam a nibh. Nulla facilisi. Mauris ac metus. Donec porttitor, turpis et sollicitudin vehicula, nunc dui dignissim arcu, euismod hendrerit arcu est quis elit. In quam tellus, auctor in, dignissim at, euismod gravida, lacus. Nullam dui. Donec sit amet eros varius lacus laoreet vestibulum. Phasellus vestibulum vehicula velit. Vestibulum malesuada lectus eu urna.</p>
                
                <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in eros. Aliquam mattis est et arcu. Duis scelerisque tempus diam. Morbi accumsan, dui sed auctor tincidunt, orci wisi imperdiet lacus, ut tincidunt arcu wisi vitae erat. Curabitur a lacus. Suspendisse odio nulla, elementum vitae, laoreet ac, rhoncus ut, lectus. Phasellus a tellus eleifend odio pellentesque condimentum. Etiam hendrerit metus ut mi. Quisque purus lorem, dictum dapibus, lacinia in, consequat non, diam. Nulla vulputate urna ac ligula. Mauris consectetuer lorem at dui. Phasellus semper risus sed ipsum varius laoreet. Ut tempus nisl eget risus. Nam felis.</p>
                
                <p class="linque">
                    <a href="/tutorial/apoio_marca-template/template-um.html">&laquo; Template anterior</a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="/tutorial/marcatemplate.php">Tutorial</a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="/tutorial/apoio_marca-template/template-dois.html">Pr&oacute;ximo template &raquo;</a>
                    
                </p>
                
            </div>
            
            <div id="apoio">
                <h2 class="dest">COLUNA DE APOIO </h2>
                
                <h3>Blogroll</h3>
                <ul>
                    <li><a href="#">Blog do Z&eacute;</a></li>
                    <li><a href="#">Viche</a></li>
                    
                    <li><a href="#">Sonhos...E Realidades</a></li>
                </ul>
                
                <h3>Links</h3>
                <ul>
                    <li><a href="#">Site do Maujor</a></li>
                    <li><a href="#">Firefox</a></li>
                </ul>
                
                
                <h3>Meta</h3>
                <ul>
                    <li><a href="#">Login</a></li>
                    <li><a href="#">XHTML V&aacute;lido</a></li>
                    <li><a href="#">CSS V&aacute;lida</a></li>
                    <li><a href="#">XFN</a></li>
                    
                    <li><a href="#">WordPress</a></li>
                </ul>	
            </div>
            
            <div id="rodape">
                <p><b class="dest">RODAP&Eacute;:</b> &copy; Blog do Maujor, todos os direitos reservados. Blog do Maujor is proudly powered by <a href="#">WordPress</a>.<br />Tema e script adaptados do tema redesenhado por <a href="#">Kaushal Sheth</a> e originalmente desenvolvido por <a href="#">Michael Martine</a></p>
                
            </div>
            
        </div>
                        </div>
                <div class='boxbottom'><div></div></div>
            </div>
    </body>
</html>
